<!DOCTYPE html>
<html lang="en" >

  <head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<meta property="og:title" content="first" />
<meta property="og:description" content="在personal-web的命令提示符中依次输入：

hugo server &ndash;watch &ndash;theme=personal-web
myblog  &raquo;hugo server -t  personal-web  &ndash;buildDrafts
myblog  &raquo;hugo   &ndash;theme=personal-web  &ndash;baseUrl=&quot;https://yinxx.github.io&rdquo;  &ndash;buildDrafts

public根目录下依次输入：


git init  将public文件夹转换为仓库


git add . 选择所有的内容


git commit -m &ldquo;first commit&rdquo;   提交至个人站点中


第一条：git init


第二条：git add . （切记：add后面加一个空格再加一个“.”）


第三条：git commit -m “我的hugo博客”


将本地public内容与站点进行关联,后面的地址是:GitHub官网&#43;你的账户名&#43;你新建的站点名&#43;.git


第四条：git remote add origin https://github.com/yinxx/yinxx.github.io.git


将public刷新到站点中 地址与上面相同.第一次会叫你输入你GitHub的账户密码.密码是暗文照常输入就行


第五条：git push -u origin master


" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://yinxx.github.io/2014/03/first/" />
<meta property="article:published_time" content="2014-03-10T00:00:00+00:00" />
<meta property="article:modified_time" content="2014-03-10T00:00:00+00:00" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="first"/>
<meta name="twitter:description" content="在personal-web的命令提示符中依次输入：

hugo server &ndash;watch &ndash;theme=personal-web
myblog  &raquo;hugo server -t  personal-web  &ndash;buildDrafts
myblog  &raquo;hugo   &ndash;theme=personal-web  &ndash;baseUrl=&quot;https://yinxx.github.io&rdquo;  &ndash;buildDrafts

public根目录下依次输入：


git init  将public文件夹转换为仓库


git add . 选择所有的内容


git commit -m &ldquo;first commit&rdquo;   提交至个人站点中


第一条：git init


第二条：git add . （切记：add后面加一个空格再加一个“.”）


第三条：git commit -m “我的hugo博客”


将本地public内容与站点进行关联,后面的地址是:GitHub官网&#43;你的账户名&#43;你新建的站点名&#43;.git


第四条：git remote add origin https://github.com/yinxx/yinxx.github.io.git


将public刷新到站点中 地址与上面相同.第一次会叫你输入你GitHub的账户密码.密码是暗文照常输入就行


第五条：git push -u origin master


"/>
<meta name="generator" content="Hugo 0.74.2" />


    
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "headline": "first",
  "url": "https://yinxx.github.io/2014/03/first/",
  "wordCount": "100",
  "datePublished": "2014-03-10T00:00:00+00:00",
  "dateModified": "2014-03-10T00:00:00+00:00",
  "author": {
    "@type": "Person",
    "name": "尹向旭"
  }
}
</script>



    <link rel="canonical" href="https://yinxx.github.io/2014/03/first/">

    <title>first | 我建立的第一个网站</title>

    
    <!-- combined, minified CSS -->
    
    <link href="https://yinxx.github.io/css/style.e408605af1290e616960aef7be39db8d54400ce717e8e4f12f733d8fb56d62ee.css" rel="stylesheet" integrity="sha256-5AhgWvEpDmFpYK73vjnbjVRADOcX6OTxL3M9j7VtYu4=" crossorigin="anonymous">
    

    <!-- minified Font Awesome for SVG icons -->
    
    <script defer src="https://yinxx.github.io/js/fontawesome.min.16a86fa8fbdecc0f27392feecb61ee0803a507820bded359407103a49126b52c.js" integrity="sha256-FqhvqPvezA8nOS/uy2HuCAOlB4IL3tNZQHEDpJEmtSw=" crossorigin="anonymous"></script>

    <!-- RSS 2.0 feed -->
    

    

  </head>

  <body>

    
    <div class="blog-masthead">
      <div class="container">
        <nav class="nav blog-nav">
          <a class="nav-link " href="https://yinxx.github.io/">Home</a>
        </nav>
      </div>
    </div>
    

    
    
    <header class="blog-header">
      <div class="container">
        <h1 class="blog-title" dir="auto"><a href="https://yinxx.github.io/" rel="home">我建立的第一个网站</a></h1>
        <p class="lead blog-description" dir="auto">我建立的一个博客，记录我学习历程.</p>
      </div>
    </header>
    
    

    
    <div class="container">
      <div class="row">
        <div class="col-sm-8 blog-main">

          


<article class="blog-post">
  <header>
    <h2 class="blog-post-title" dir="auto"><a href="https://yinxx.github.io/2014/03/first/">first</a></h2>
    <p class="blog-post-meta"><time datetime="2014-03-10T00:00:00Z">Mon Mar 10, 2014</time> by 尹向旭</p>
  </header>
  <h2 id="在personal-web的命令提示符中依次输入">在personal-web的命令提示符中依次输入：</h2>
<ul>
<li>hugo server &ndash;watch &ndash;theme=personal-web</li>
<li>myblog  &raquo;hugo server -t  personal-web  &ndash;buildDrafts</li>
<li>myblog  &raquo;hugo   &ndash;theme=personal-web  &ndash;baseUrl=&quot;https://yinxx.github.io&rdquo;  &ndash;buildDrafts</li>
</ul>
<h2 id="public根目录下依次输入">public根目录下依次输入：</h2>
<ul>
<li>
<p>git init  将public文件夹转换为仓库</p>
</li>
<li>
<p>git add . 选择所有的内容</p>
</li>
<li>
<p>git commit -m &ldquo;first commit&rdquo;   提交至个人站点中</p>
</li>
<li>
<p>第一条：git init</p>
</li>
<li>
<p>第二条：git add . （切记：add后面加一个空格再加一个“.”）</p>
</li>
<li>
<p>第三条：git commit -m “我的hugo博客”</p>
</li>
<li>
<p>将本地public内容与站点进行关联,后面的地址是:GitHub官网+你的账户名+你新建的站点名+.git</p>
</li>
<li>
<p>第四条：git remote add origin <a href="https://github.com/yinxx/yinxx.github.io.git">https://github.com/yinxx/yinxx.github.io.git</a></p>
</li>
<li>
<p>将public刷新到站点中 地址与上面相同.第一次会叫你输入你GitHub的账户密码.密码是暗文照常输入就行</p>
</li>
<li>
<p>第五条：git push -u origin master
<img src="https://ftp.bmp.ovh/imgs/2020/08/06f4ec2dd0842d02.jpg" alt="imgurl图床网站"></p>
</li>
</ul>
<ul>
<li>
<p>接下来可能会让你输入你的github用户名和密码，在弹出的提示符后输入自己github的用户名和密码就大功告成了，可以去github看是否成功。还可以通过yinxx.github.io来直接访问你搭建好的博客（网址即是新建的仓库名） ！！！</p>
</li>
<li>
<p>至于喜欢哪种格式，可以在config.toml中进行配置，默认使用的是yaml格式。通过执行hugo new 命令生成的markdown文件，头部默认会有这段渲染之后的Front Matter，一般我们会把draft属性去掉，draft草稿的意思，有这个属性的md文件不会渲染输出， 当然通过hugo –buildDrafts可以强制输出。</p>
</li>
</ul>
<h2 id="content">content</h2>
<p>存放网页内容的目录，即我们编写的markdown文件都存放在此目录，此目录是Hugo的默认源目录，在mybolg下执行命令 hugo new post/hugo_introduce.md之后， 则会在content目录下生成子目录post，post中有一个hugo_introduce.md文件。</p>
<h2 id="data">data</h2>
<p>data目录用来存放数据文件，一般是json文件，Hugo提供了相关命令可以从data目录下读取相关的文件数据，然后渲染到HTML页面中，将业务数据与模板分离。</p>
<h2 id="layouts">layouts</h2>
<p>存放自定义的模板文件，Hugo优先使用layouts目录下的模板，未发现再去themes目录下查找。</p>
<h2 id="static">static</h2>
<p>存放静态文件，比如css、js、img等文件目录，Hugo在渲染时，会直接将static目录下的文件直接复制到public目录下，不会做任何渲染。</p>
<h2 id="themes">themes</h2>
<p>存放网站主题，可以下载多个主题，themes目录下的每个子目录代表了一个主题，可以通过在config.toml中通过参数theme指定主题，即theme目录下的子目录名字， 也可以在执行hugo命令渲染时通过增加flag参数–theme=xx指定。</p>
<ul>
<li>archetypes ：存放default.md，头文件格式</li>
<li>content ：content目录存放博客文章（markdown文件）</li>
<li>data ：存放自定义模版，导入的toml文件（或json，yaml）</li>
<li>layouts ：layouts目录存放的是网站的模板文件</li>
<li>static ：static目录存放图片，css等静态资源</li>
<li>themes ：存放网站主题文件</li>
<li>config.toml ：config.toml是网站的配置文件</li>
</ul>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-sh" data-lang="sh"> git init
 git add README.md
 git commit -m <span style="color:#e6db74">&#34;first commit&#34;</span>
</code></pre></div>

  

  
  <hr>
  <footer>

  
    <section>
    <h4>Share</h4>
    <nav class="nav sharing-icons">
      <a class="nav-item" href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fyinxx.github.io%2f2014%2f03%2ffirst%2f" title="Share on Facebook"><span class="fab fa-facebook-f fa-2x" aria-hidden="true"></span></a>
      <a class="nav-item" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3a%2f%2fyinxx.github.io%2f2014%2f03%2ffirst%2f" title="Share on LinkedIn"><span class="fab fa-linkedin-in fa-2x" aria-hidden="true"></span></a>
      <a class="nav-item" href="https://twitter.com/intent/tweet?url=https%3a%2f%2fyinxx.github.io%2f2014%2f03%2ffirst%2f&amp;text=first" title="Tweet this"><span class="fab fa-twitter fa-2x"></span></a>
    </nav>
  </section>

  

  
  </footer>
  

</article> 



        </div> <!-- /.blog-main -->

        <aside class="col-sm-3 ml-auto blog-sidebar">
  
  <section class="sidebar-module sidebar-module-inset">
    <h4>About</h4>
    <p dir="auto">欢迎访问我建立的站点 <a href="http://v4-alpha.getbootstrap.com/examples/blog/">我的网站</a>.</p>
  </section>
  

  
        <section class="sidebar-module">
    <h4>Recent Posts</h4>
    <ol class="list-unstyled">


<li><a href="/2020/08/%E5%BF%85%E4%BF%AE%E4%B8%891.1-%E7%BB%86%E8%83%9E%E7%94%9F%E6%B4%BB%E7%9A%84%E7%8E%AF%E5%A2%83/">必修三1.1 细胞生活的环境</a></li>

<li><a href="/2014/09/creating-a-new-theme/">Creating a New Theme</a></li>

<li><a href="/2014/03/first/">first</a></li>

    </ol>
  </section>

  

  
  <section class="sidebar-module">
    <h4>Links</h4>
    <ol class="list-unstyled">
      
      <li><a href="https://example.com">这是config里面的menu.sidebar的link 1</a></li>
      
      <li><a href="https://example.org">这是config里面的menu.sidebar的Link 2</a></li>
      
    </ol>
  </section>
  
</aside>


      </div> <!-- /.row -->
    </div> <!-- /.container -->
    

    
    <footer class="blog-footer">
      <p dir="auto">
      
      Blog template created by <a href="https://twitter.com/mdo">@mdo</a>, ported to Hugo by <a href='https://twitter.com/mralanorth'>@mralanorth</a>.
      
      </p>
      <p>
      <a href="#">Back to top</a>
      </p>
    </footer>
    

  </body>

</html>
